<template>
  <div id="app">    
           <router-view :systemName="systemName" />
  </div>
</template>
<script>
export default {
  name: 'App',
  data(){
      return {
        systemName:"衡水市夜景智慧照明系统"
      }
  },
  methods:{
    system_name(){
       this.$http.get(`/api/threesuns/system/config/get?key=systemName`).then(res => {
          this.systemName=res.data.data.value
      });
    }
  },
  mounted(){
    this.system_name()
  }
}
</script>
<style lang='scss'>
@import url('./assets/css/base.css');
@import url('./assets/css/font/style.css');
#app{
  height: 100%;
  overflow: auto;
  background: #121212;
}

$scroll_size: 0.7rem;
$scroll_radius: 0.5rem;
$scroll_body: #828282;
$scroll_track: #dcdcdc4d;
$scroll_thumb: #8282824d;
 *::-webkit-scrollbar {
    width: $scroll_size;
    height: $scroll_size;
}

 *::-webkit-scrollbar-track {
    border-radius: $scroll_radius;
    background-color: $scroll_track;
}

 *::-webkit-scrollbar-thumb {
    border-radius: $scroll_radius;
    background-color: $scroll_thumb;
}

 *::-webkit-scrollbar-thumb:hover {
    background-color: $scroll_body;
}

.has-scroll::-webkit-scrollbar {
    display: block!important;
}
</style>
 